<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="test.css">
</head>

<body>
    <div class="top">
        <div class="parts">
            <img src="gldn-Quick-Link-Icon-80x80-Microsoft-365.webp" alt=""><br>
            <a href="test.html">选择你的 Microsoft 365</a>
        </div>
        <div class="parts">
            <img src="icon-LL-surface-kickstand-120x120.webp" alt=""><br>
            <a href="test.html">购买 Surface 设备</a>
        </div>

        <div class="parts">
            <img src="gldn-ICON-LL-xbox-logo-120x120.webp" alt=""><br>
            <a href="test.html">购买 Xbox 游戏和主机</a>
        </div>
        <div class="parts">
            <img src="gldn-Quick-Link-Icon-80x80-Microsoft-365.webp" alt=""><br>
            <a href="test.html">获取 Windows 11</a>
        </div>
        <div class="parts">
            <img src="gldn-ICON-LL-briefcase-120x120.webp" alt=""><br>
            <a href="test.html">购买商用版</a>
        </div>
    </div>

    <div class="middle">

        <div class="box">
            <div class="content"><img src="Surface-Laptop-Studio-01-CP.webp" alt=""></div>
            <div class="content">
                <h2>Surface Laptop Studio</h2>
            </div>
            <div class="content">
                <p>在功能超级强大的 Surface Laptop 上发挥你的创造力。现已搭载 Windows 11。</p>
            </div>
            <div class="content"><a href="test.html">立即购买</a></div>
        </div>

        <div class="box">
            <div class="content"><img src="gldn-Surf-CP-Earbuds-Headphones2.webp" alt=""></div>
            <div class="content">
                <h2>不错过任一美妙节拍</h2>
            </div>
            <div class="content">
                <p>探索最新的 Surface 音频，体验舒适度极佳的设计、沉浸式的音效和全天电池续航。</p>
            </div>
            <div class="content"><a href="test.html">购买 Surface Earbuds</a></div>
            <div class="content"><a href="test.html">购买 Surface Headphones 2</a></div>
        </div>

        <div class="box">
            <div class="content"><img src="gldn-CP-Xbox-Family.jpg" alt=""></div>
            <div class="content">
                <h2>Power your dreams</h2>
            </div>
            <div class="content">
                <p>购买 Xbox Series X 和 Xbox Series S，体验新时代的先进性能。</p>
            </div>
            <div style="display:flex;flex-direction: row;justify-content: space-between;max-width: 80%;">
                <div class="content"><a href="test.html">Xbox Series X</a></div>
                <div class="content"><a href="test.html">Xbox Series 5</a></div>
            </div>
        </div>

        <div class="box">
            <div class="content"><img src="gldn-CP-m365-icons-7up-1668x940.webp" alt=""></div>
            <div class="content">
                <h2>Microsoft 365</h2>
            </div>
            <div class="content">
                <p>只需一次便捷的订阅，便可使用高级 Office 应用、额外的云存储、高级安全性等功能。</p>
            </div>
            <div class="content"><a href="test.html">仅供 1 名用户安装</a></div>
            <div class="content"><a href="test.html">最多可允许 6 名用户安装</a></div>
        </div>
    </div>

    <div class="bottom">
        <div style="max-width:50%;">
            <h2>Xbox 控制器</h2>
            <p>
                Elite 品质，无线连接，随处适用 - 无论你的游戏风格如何，这款控制器都能满足你的需求
            </p>
            <input type="button" value="立即购买">
        </div>
        <img src="Xbox-Controller-Valentine-Hero-2120x1190_VP5-1596x600.jpg">
    </div>
</body>

</html>